﻿@{
    var user = ViewData["user"] as SmallJob.Model.User;
}
<div class="modal hide fade" id="viecnho-complaint-order">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>Hãy nhập lý do khiếu nại vào ô bên dưới.</h3>
    </div>
    <div class="modal-body">
        @using (Html.BeginForm("SendComplaint", "Message", FormMethod.Post, new { id = "form-complaint", onsubmit = "return validateform(this)", Class = "form-horizotal" }))
        {
            <textarea style="width:90%" rows="5" name="complaint"></textarea>
            <input type="hidden" value="@ViewData["orderid"]"  name="orderid" />
            <br />
            if (ViewData["needphone"] != null)
            {
            <div class="alert alert-info">Bạn cần nhập số điện thoại để chúng tôi liên lạc.</div>
            <label>Số điện thoại :</label>
            <input type="text" value="" name="phone" />   
            }
        }
    </div>
    <div class="modal-footer">
        <a href="#" class="btn btn-primary" onclick="sendcomplaint()">Gửi khiếu nại</a>
    </div>
</div>
<script>
    function validateform(that) {
        var phone = $(that).find('input[name=phone]');
        if (phone.length) {
            if ($(phone).val() == "") {
                alert('Cần nhập số điện thoại.');
                return false;
            }
            var str = $(phone).val();
            var patt = /^0((9[0-9])|(1(2[1-9]|6[4-9]|88|99)))[0-9]{7}$/g;
            var result = patt.test(str);
            if (!result) {
                alert("Số điện thoại nhập chưa đúng.");
                return false;
            }
        }
        var complaint = $(that).find('input[name=complaint]');
        if (complaint.length <= 0) {
            alert("Bạn chưa nhập nội dung khiếu nại.");
            return false;
        }
    }
    function sendcomplaint() {
        $.post("/Message/SendComplaint", $('#form-complaint').serialize(), function (data) {
            if (data == true) {
                $('#viecnho-complaint-order').html(
                                                 '<div class="form-actions" style="text-align:center">'
                                               + '<div class="alert alert-success">'
                                               + '<h4>Hoàn thành</h4>'
                                               + 'Khiếu nại đã được gửi thành công.'
                                               + '</div>'
                                               + '<button type="button" class="btn btn-primary" id="close-complaint-box">Đóng</button>'
                                               + '</div>');
                $('#close-complaint-box').click(function () {
                    $('#viecnho-complaint-order').modal('hide');
                    window.location.reload();
                });
            }
        });
    }
</script>
